<!DOCTYPE html>
<html>
<head>
	<title>Hello Word!</title>
	<script type="text/javascript" src="js/knockoutjs.js"></script>
</head>
<body>
	<p>First name: <input type="text" data-bind="value:firstName"></p>
	<p>last name: <input type="text" data-bind="value:lastName"></p>
	<p>Hello, <span data-bind="text:fullName"></span></p>
</body>
<script>
	var ViewModel = function(first,last){
		this.firstName = ko.observable(first);
		this.lastName = ko.observable(last);
		this.fullName = ko.pureComputed(function(){
			return this.firstName() + " " + this.lastName();
		},this);
	}
	ko.applyBindings(new ViewModel("Planet","Earth"));
</script>
</html>